<template>
    <div>
    
        <cu-navbar>
            <block slot="content">我的余额</block>
        </cu-navbar>
        <div class="page">
            <div style="padding: 20px;background-color: #ffffff">
                <u-cell-group>
                    <u-cell-item title="预约金" @click="routeJump('/pages/user-yue/dhc')" isLink url="/pages/user-yue/dhc" :value="userInfo.dhc || 0">
                    </u-cell-item>
                    <u-cell-item title="佣金"  @click="routeJump('/pages/user-yue/yongjin')" url="/pages/user-yue/yongjin" :value="userInfo.yjlj || 0">
                    </u-cell-item>
                    <u-cell-item title="利铭利众金积分"  @click="routeJump('/pages/user-yue/jindou')" url="/pages/user-yue/jindou" :value="userInfo.sjf_zj || 0">
                    </u-cell-item>
                    <u-cell-item title="消耗预约金"  @click="routeJump('/pages/user-yue/dhc-log')" url="/pages/user-yue/dhc-log" :value="userInfo.xhjf || 0">
                    </u-cell-item>
                </u-cell-group>
            </div>
        </div>
    </div>
</template>

<script>
export default {
  name: "user-yue",
    data() {
      return {
          userInfo: {}
      }
    },
    onShow() {
        this.$api.userInfo().then(res => {
            uni.setStorageSync("userinfo", res.result);
            this.userInfo = uni.getStorageSync('userinfo')
        })
    },
    methods: {
        routeJump(url) {
            uni.navigateTo({
                url
            })
        },
    }
}
</script>

<style scoped>

</style>
